<template>
    <!-- 开始页 -->
    <div>
        <button @click="start">开始任务</button>
    </div>
</template>

<script>
import {defineComponent, ref} from 'vue'
import {useRouter} from 'vue-router'
export default defineComponent({
    name: 'Start',
    setup() {
        let router = useRouter()
        let name = ref('madison')
        let num = ref(10)
        let obj = ref({
            msg: 'start'
        })

        let start = () => {
            // push 如果传的对象是形式 就可以传递参数
            // query传参
            // push 里面还可以传入name name是路由名字
            // query 传参path和name都可以
            // params 传参只能用name
            router.push({
                // path: '/home',
                name: 'Home',
                // query: {
                //     name: name.value,
                //     num: num.value,
                //     obj: JSON.stringify(obj)
                // }
                params: {
                    name: name.value,
                    num: num.value,
                    obj: JSON.stringify(obj)
                }
            })
        }
        return {
            start
        }
    }
})
</script>